HTML TEMELLERİ
HTML NEDİR ? HTML Başlık(Heading) HTML Paragraf(Paragraphs) HTML Yazı Stili(Font Style) HTML Yazı Formatları(Format Text) HTML Renk Kodları(Color Codes) HTML Link Verme-Ekleme HTML Resim Ekleme(Add a Image) HTML Tablo Ekleme(Add a Table) HTML Liste Ekleme(Add a List) HTML Web Site Penceresi Ekleme(Iframe) HTML Head ve Meta Etiketleri HTML Semboller(Symbols) HTML Form HTML Form Elemanları(Form Elements) HTML Form Giriş Özellikleri (Form Input Properties)
HTML5
İLERİ SEVİYE
HTML 5 NEDİR? HTML Sayfa Bölümleri HTML Form Giriş(Input) Özellikleri HTML Form Elementleri HTML Form Özellikleri(Form Properties) HTML Canvas Kullanımı HTML SVG Kullanımı HTML Video Ekleme-Oynatma(Video Player) HTML Ses Ekleme-Oynatma(Audio Player)
CSS TEMELİ
CSS NEDİR ? CSS CSS-HTML İlişkisi CSS Backgrounds(Arkaplan) CSS Border(Kenarlık) CSS Margins(Dış Boşluk) CSS Padding(İç Boşluk) CSS Height and Width(Yükseklik ve Genişlik) CSS Box Model(Kutu Modeli) CSS Outline(Dış Çizgi) CSS Text(Metin) CSS Fonts(Yazı) CSS Icons(Ikon) CSS Links CSS List(Liste) CSS Tables(Tablolar) CSS Display(Görüntü-Ekran) CSS Layout - Width and Max-width(Yerleşim - Genişlik ve Max Genişlik) CSS Positon(Durum) CSS Overflow(Taşma) CSS Layout-Float and Clear(Yerleşim - Yön ve Temizliği) CSS Image Opacity / Transparency(Opaklık/Saydamlık) CSS Navigation Bar(Gezinme Menüsü)
css display nedir
css display kullanımı
css display div
css display element
css display examples
css display komutları
css display ne işe yarar
css display kodları
css h6 class
css h1 to h6
css h1 h6 font size
css section nedir
css sections
css p class
css p div
css form oluşturma
css form align
css header yapımı
css header örnekleri
css footer yapımı
css footer örnekleri
css span nedir
css span align
css a etiketi
css img ekleme
css img align
css display inline align top
css display inline a tag
css display block nedir
css display block align

CSS Display(Görüntü-Ekran)

<? echo $title; ?>

Web sitenizin bazı etiketleri yani elemanları web sayfası içerisinde yerleştirdiğiniz yeri tam olarak yayılır yani kullanır bir nevide sahiplenir diyebiliriz.

Bu etiketler;

  • <div>
  • <h1>-<h6>
  • <section>
  • <p>
  • <form>
  • <header>
  • <footer>

Bazı etiketler ise kendi varsayılan boyutlarında kalır.Yani yerleştirilen yeri komple kaplamaz.

Bunlar ise;

  • <span>
  • <a>
  • <img>

1-Display İnline(Satır İçi Gösterimi)

Mesela sıralı bir listenin varsayılan özelliklerini önceki derslerimizde anlattığım gibi kaldırıp sanki bir liste değilmiş gibi listenin öğelerini yanyana dizerek bir menü oluşturabiliriz. Hatta bu menüyü link etiketi aktif hale getirerek menün bahsettiği sayfalara gidebiliriz.